<template>
    <div>
      <table width="100%">
        <thead>
        <tr>
          <td class="banklogo"></td>
          <td class="bankname">支持银行</td>
          <td>单笔限额</td>
          <td>单日限额</td>
        </tr>
        </thead>
        <tbody v-if="banklist.length!==0">
        <tr v-for="item in banklist">
          <td class="banklogo"><img v-lazy="item.bankLogo"  style="width:0.6rem;"/></td>
          <td class="bankname" style="border-bottom: 1px solid #dddddd">{{item.bankName}}</td>
          <td style="border-bottom: 1px solid #dddddd">{{item.paymentSingleLimit/10000}}万</td>
          <td style="border-bottom: 1px solid #dddddd">{{item.paymentDayLimit/10000}}万</td>
        </tr>
        </tbody>
      </table>
    </div>
</template>

<script>
    export default {
        props: [],
        data() {
            return {
              banklist:[],
            }
        },
        methods: {
        },
        created() {

           this.$http.get(this.Interface.getMyBankList).then(res=>{
             if(res.data.success=true){
               this.banklist=res.data.data.list;
             }
           })
        }
  }
</script>
<style lang="less">
  .bank_header{
    height: 85px;
    line-height: 85px;
    background: #f9f9f9;
    padding: 0px 36px 0 0;
    color:#797979;
    border-top:1px solid #dddddd;
    display: flex;
  }
  table{
    font-size: 30px;
    text-align: right;
    border-collapse: collapse;
    thead{
      tr{
        background: #f9f9f9;
      }
    }
    tr{
      td:last-child{
        padding-right: 40px;
      }
    }
    td{
        padding: 30px 0;
    }
    td.banklogo {
        width: 140px;
        text-align: center;
        vertical-align: middle;
    }
    td.bankname {
        width: 200px;
        text-align: right;
    }
  }

</style>



